<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title></title>
  <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" />
  <link href="../dist/Essa/Textarea/Textarea.css" rel="stylesheet" />
  <link href="../dist/Essa/RadioGroup/RadioGroup.css" rel="stylesheet" />
  <style>
    .container {
      padding: 50px;
    }
  </style>
</head>

<body>
  <div ng-app="essa.common.components" ng-controller="mainCtrl">
    <div class="container">
      <essa-radio-group default-value="1" on-change="handleChange">
        <essa-radio-button value="1">AAA</essa-radio-button>
        <essa-radio-button value="2">BBB</essa-radio-button>
      </essa-radio-group>
      <!-- <essa-row>
        <essa-col>
          <essa-form> -->
      <!-- <essa-form-item>
              <essa-input></essa-input>
            </essa-form-item> -->
      <!-- <essa-form-item> -->
      <!-- <essa-textarea on-change="handleChange(111)"></essa-textarea> -->
      <!-- </essa-form-item> -->
      <!-- <essa-form-item>
              <essa-checkbox default-checked="true" disabled="false" on-change="handleChange">Checkbox
              </essa-checkbox>
            </essa-form-item> -->
      <!-- </essa-form>
        </essa-col>
      </essa-row> -->
    </div>
  </div>
  <script src="https://cdn.staticfile.org/angular.js/1.2.28/angular.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script>
  <script>
    angular
      .module("essa.common.components", [])
      .controller("mainCtrl", function ($scope) {
        $scope.handleChange = function (value) {
          console.log("mainCtrl.value", value)
          // console.log("mainCtrl.$scope", $scope);
          // console.log("mainCtrl.scope", scope);
          // console.log("mainCtrl.value", value);
        };
      });
  </script>
  <!-- <script src="../dist/Essa/Form/Form.js"></script>
  <script src="../dist/Essa/FormItem/FormItem.js"></script> -->
  <!-- <script src="../dist/Essa/Input/Input.js"></script> -->
  <!-- <script src="../dist/Essa/Textarea/Textarea.js"></script> -->
  <!-- <script src="../dist/Essa/Row/Row.js"></script>
  <script src="../dist/Essa/Col/Col.js"></script>
  <script src="../dist/Essa/Checkbox/Checkbox.js"></script> -->
  <script src="../dist/Essa/RadioGroup/RadioGroup.js"></script>
  <script src="../dist/Essa/RadioButton/RadioButton.js"></script>
</body>

</html>